<!DOCTYPE html>
<html class="no-js" lang="zh-CN">
<head>
    <meta charset="UTF-8"/>
    <!--<meta http-equiv="X-UA-Compatible" content="IE=edge">-->
    <title>{$daohang.sname}装修效果图欣赏_{$daohang.sname}装修样板房图片大全_金蚂蚁家居{$daohang.sname}设计图</title>
    <meta name="description" content="金蚂蚁{$daohang.sname}图库，提供2018年最新家庭{$daohang.sname}装饰图片欣赏，包含{$daohang.sname}实景图、室内设计图、样板房等多种风格房屋装潢方案，{$daohang.sname}大全尽在金蚂蚁装修网效果图。"/>
    <meta name="keywords" content="装修效果图大全2018图片,室内装修效果图,家庭装修设计,家居装 修效果图,装修图片网,客厅、卧室、电视背景墙、厨房、小户型装修效果图大全"/>
    <meta name="format-detection" content="telephone=no">

    <meta name="renderer" content="webkit">
    <link rel="shortcut icon" href="http://www.zxjmy.com/static/images/icon/logo.ico">

    <!--<meta name="renderer" content="webkit">-->

    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/style.css">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/header.css">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/footer.css">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/meitu-plist.css">
    <script src="__PUBLIC__/js/jquery-1.2.6.min.js"></script>
    <script src="__PUBLIC__/js/header.js"></script>
    <script>
        var num = document.getElementsByTagName('img').length;
        var img = document.getElementsByTagName("img");
        var n = 0; //存储图片加载到的位置，避免每次都从第一张图片开始遍历
        lazyload(); //页面载入完毕加载可是区域内的图片
        window.onscroll = lazyload;
        function lazyload() { //监听页面滚动事件
            var seeHeight = document.documentElement.clientHeight; //可见区域高度
            var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; //滚动条距离顶部高度
            for (var i = n; i < num; i++) {
                if (img[i].offsetTop < seeHeight + scrollTop) {
                    if (img[i].getAttribute("src") == "default.jpg") {
                        img[i].src = img[i].getAttribute("data-src");
                    }
                    n = i + 1;
                }
            }
        }
    </script>
    <script>

        (function(){
            var bp = document.createElement('script');
            var curProtocol = window.location.protocol.split(':')[0];
            if (curProtocol === 'https') {
                bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
            }
            else {
                bp.src = 'http://push.zhanzhang.baidu.com/push.js';
            }
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(bp, s);
        })();
    </script>
</head>
<body>
<div class="headk">
    <div class="head">
        <div class="floatleft">您好<a href="__MODULE__/Usercenter/index"><b style="color:red;">{$_SESSION["username"]}</b></a>，欢迎来到金蚂蚁装修网！<span>{$data}<a href="{:U('Home/City/index')}">【切换】</a></span></div>
        <div class="floatright">
        <?php 
if($_SESSION["cid"]){?>
   <a href="__MODULE__/Usercenter/index"><b style="color:red;">进入个人中心</b></a> | <a href="__MODULE__/Image/layout">注销</a>
<?php }else{ ?>
<!--<a href="{:U('Home/Login/index')}">您还未登陆,点击登陆</a>-->
<!--<?php }?>-->
            <!--|<a href="{:U('Home/Register/ownreg')}">个人注册</a>|<a href="{:U('Home/Register/comreg')}">装修公司注册</a>-->
            <!--|<a href="{:U('Zxwd/index')}">装修问答</a>|-->
            <span>服务热线:400-0606-129</span>
        </div>
    </div>
</div>
<div class="topbigdiv" bigheight="132" smallheight="103">
    <div class="top">
        <div class="logo">
            <a href="http://www.zxjmy.com">
                <img
                        src="__PUBLIC__/images/logo.png"
                        height="90">
            </a>
        </div>
        <include file="Public:read"/>
    </div>
</div>
<div class="topbigdivbg"></div>
<section class="" id="section">
    <div class="container list-nav-margin-top">
        <div class="margin-top-10">
            <div class="breadcrumb-list">
                <ul class="select-info"><h2></h2>
                    <li class="select-crumb display-block"><a href="{:U('Image/index')}">装修效果图</a>&nbsp;>&nbsp;<a href="{:U('Image/detail')}">{$daohang.sname}</a>
                        <!--<a href="">美图</a> <span>&gt;</span>-->
                    </li>
                </ul>
            </div>
            <div class="margin-top-10 margin-bottom-20 float-left">
                <div class="select-condition J-Show-Triangle">
                    <dl>
                        <dt>空间</dt>
                        <dd class="space">

                            <foreach name="arr1" item="v">
                                <a href="{:U('Home/Image/detail',array('sid'=>$v['sid'],'fid'=>$fid))}"  <if condition="$sid neq $v['sid']">  <else /> class='on'
                            </if>>
                                {$v.sname}
                                </a>

                            </foreach>
                           </dd>
                    </dl>

                    <dl>
                        <dt>风格</dt>
                        <dd class="style">

                           <foreach name="arr3" item="v">
                               <a href="{:U('Home/Image/detail',array('sid'=>$sid,'fid'=>$v['fid']))}"
                               <if condition="$fid neq $v['fid']">  <else /> class='on'
                               </if>
                               >{$v.fname}</a>

                           </foreach>
                        </dd>
                    </dl>

                </div>
            </div>
            <ul class="masonry" id="waterfall">
            <foreach name="arr" item="v">  
                <li class="item item-small "><a class="J-Photo" href="{:U('Home/Image/xiangxi',array('id'=>$v['id']))}" target="_blank"><img alt="{$v.title}" class="lazy per-width-100"
                        src="__PUBLIC__/images/{$v.imagename}" data-src="__PUBLIC__/images/{$v.imagename}" title="{$v.title}"></a>
                    <div class="list-title"><a href="{:U('Image/xiangxi',array('id'=>$v['id']))}" target="_blank">{$v.title}</a></div>
                    <!--<a class="photo-share share-right J-Photo-Op" href="javascript:void(0);">-->
                        <!--<div class="share-photo-ct"><i class="share-icon_like"></i> <span>收藏</span> <label>5</label>-->
                        <!--</div>-->
                    <!--</a>-->
                    <div class="masonry-share"><span class="J-Pop-Order"><label></label><em><a href="{:U('Yuyue/index')}">免费户型设计</a></em></span><span
                            class="J-Pop-Order"><label></label><em><a href="{:U('Baojia/index')}">免费获取报价</a></em></span></div>
                </li>
                </foreach>
                <script>
                    var n = 0,
                        imgNum = $("img").length,
                        img = $('img');
                    lazyload();
                    $(window).scroll(lazyload);
                    function lazyload(event) {
                        for (var i = n; i < imgNum; i++) {
                            if (img.eq(i).offset().top < parseInt($(window).height()) + parseInt($(window).scrollTop())) {
                                if (img.eq(i).attr("src") == "default.jpg") {
                                    var src = img.eq(i).attr("data-src");
                                    img.eq(i).attr("src", src);
                                    n = i + 1;
                                }
                            }
                        }
                    }
                </script>
            </ul>
            <div class="pages-box"><div class="pages">{$pageStr}</div></div>
        </div>
    </div>
</section>
<include file="Public:foot"/>
<script src="__PUBLIC__/js/meitu-plist.js"></script>

<script>
    window.onload=function(){

        var $waterfall = $('#waterfall');

        $waterfall.masonry({
            columnWidth: 305
        });

    };

</script>
</body>
</html>